<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>奸笑</title>
		<style>
			.a1{
				width: 500px;
				height: 500px;
				background-color: #ffba43;
				border-radius: 50%;
			}
			.a2{
				width: 30px;
				height: 30px;
				background-color: #000;
				border-radius: 50%;
				position: relative;
				left: 100px;
				top: 100px;
			}
			.a3{
				width: 30px;
				height: 30px;
				background-color: #000;
				border-radius: 50%;
				position: relative;
				left: 200px;
				top: 4px;
			}
			.a4{
				width: 150px;
				height: 150px;
				background-color: #ffc9fb;
				border-radius: 50%;
				position: relative;
				left: -300px;
				top: 100px;
			}
			.a5{
				width: 150px;
				height: 150px;
				background-color: #ffc9fb;
				border-radius: 50%;
				position: relative;
				left: 250px;
				top: 0px;
			}
			.b1{
				width: 400px;
				height: 400px;
				border: 10px solid transparent;
				border-bottom-color: #000000;
				border-radius: 100%;
				transform: rotage(200deg);
				position: relative;
				left: 30px;
				top: -520px;
			}
			p{
				width: 70px;
				height: 30px;
				background-color: #ffffff;
				border-radius: 180%;
				position: relative;
				left: 130px;
				top: -865px;
			}
			.a{
				width: 80px;
				height: 30px;
				background-color: #ffffff;
				border-radius: 180%;
				position: relative;
				left: 330px;
				top: -815px;
			}
		</style>
	</head>
	<body>
		<div class="a1">
			<div class="a2">
				<div class="a3">
					<div class="a4">
						<div class="a5"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="b1"></div>
		<div class="a"></div>
		<p></p>
		<a></a>
	</body>
</html>